import React from 'react'


const Home = React.lazy(() => import('../views/home'))
const Login = React.lazy(() => import('../views/login'))
const Register = React.lazy(() => import('../views/register'))

const ChatList = React.lazy(() => import('../views/chatList'))
const Chat = React.lazy(() => import('../views/chat'))
const My = React.lazy(() => import('../views/my'))

export const routes = [
  {
    path: '/',
    element: <Home />,
  },
  {
    path: '/login',
    element: <Login />,
  },
  {
    path: '/register',
    element: <Register />,
  },
  {
    path: '/chat/list',
    element: <ChatList></ChatList>
  },
  {
    path: '/chat/:recordId/:userId',
    element: <Chat></Chat>
  },
  {
    path: '/my',
    element: <Chat></Chat>
  },
]